<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                 <p align="center">CONTABILIDAD</p> 
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <p align="center">BALANCE GENERAL</p>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200" header="MENU" collapsible="true">
                    <p:menu>
                         <p:submenu label="Balance General">
                            <p:menuitem value="Catalogo de Cuentas" url="catalogo.xhtml" />
                            <p:menuitem value="Inventario" url="inventario.xhtml" />
                            <p:menuitem value="Estado de Resultados" url="estado.xhtml" />
                            <p:menuitem value="Diario" url="diario.xhtml" />
                            
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

      <p:layoutUnit position="center">
                  
    <!-- Cabecera inicial Selector -->         
     
   <h:form>      
    <p:panel id="panel"  header= "Bajlam System"  style="margin-bottom:10px;">
     
 
        <h:panelGrid columns="12" cellpadding="5">
            
            <h:outputLabel for="txt3" value="Período Fiscal" />
            <h:selectOneMenu id="txt3" value="#{selectorView.text3}" required="true" label="Text 3">
                <f:selectItem itemLabel="2014" itemValue="" noSelectionOption="true" />
                <f:selectItem itemLabel="2013" itemValue="1" />
                <f:selectItem itemLabel="2012" itemValue="2" />
                <f:selectItem itemLabel="2011" itemValue="3" />
            </h:selectOneMenu>
            <p:message for="txt3" />
            <h:outputText value="#{selectorView.text3}" />
            
            <h:outputLabel for="txt1" value="Fecha" />
            <p:inputText id="txt1" value="#{selectorView.text1}" required="true" label="Text 1">
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="txt1" />
            <h:outputText value="#{selectorView.text1}" />
 
         </h:panelGrid>
     
    </p:panel>
  </h:form>
    
                
    <h:panelGrid columns="5">
        <p:commandButton process="@(.ui-panel :input)" update="@(.ui-panel)" value="Vista Previa" />
        <p:commandButton process="@(.ui-panel :input)" update="@(.ui-panel)" value="Imprimir" />
        <p:commandButton process="@(.ui-panel :input)" update="@(.ui-panel)" value="Guardar" />
    </h:panelGrid>
         
                    <!-- Finaliza Cabecera inicial Selector -->
                    
                    
      <!-- Inicia la tabla Data Table Basic -->              
     <p:dataTable var="car" value="#{dtBasicView.cars}">
    <p:column headerText="Cuenta">
        <h:outputText value="#{car.cuenta}" />
    </p:column>
     
    <p:column headerText="Total">
        <h:outputText value="#{car.total}" />
    </p:column>
                  
</p:dataTable>
  <!-- Termina la tabla - Data Table Basic --> 
                    
                    
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

